<?php
/* @var $this yii\web\View */
$this->title = '集客多多';
?>
<link rel="stylesheet" href="/modules/js/swiper/idangerous.swiper.css">
<style>
    .swiper-img-wrap{position: relative;}
    .swiper-img{height: 400px;}
    .pagination {position: absolute;left: 0;text-align: center;bottom:0px;width: 100%;z-index: 1}
    .swiper-pagination-switch {display: inline-block;width: 10px;height: 10px;border-radius: 10px;background: rgba(0,0,0,0);margin: 0 3px;cursor: pointer;border:1px solid #949494;}
    .swiper-active-switch {background: #3296fa;border:1px solid #39abfb;}
    .swiper-case{height: 437px;margin: 55px 0;}
    .swiper-case .swiper-slide{padding:0 6.5px;padding-top: 9px;}
    .case-list{margin: 0 -6.5px;position: relative;}

</style>

<!-- 轮播图 start -->
<div class="swiper-img-wrap">
    <div class="swiper-container swiper-img">
        <div class="swiper-wrapper">
            <div class="swiper-slide">
                <div class="intro-item">
                    <img src="/image/index1.jpg">
                    <div class="intro-info">
                        <p class="title">精准的客户和社会化营销工具</p>
                        <p class="subtitle">连接客户丨业绩提升</p>
                        <div class="intro-btn">
                            <a href="javascript:;" class="boxapleybtn">申请试用</a>
                            <a href="" style="margin-left: 31px;">定制版本</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="pagination"></div>
</div>
<!-- 轮播图 end -->
<!-- 企业 start -->
<div class="bgcolor">
    <div class="inner" style="padding: 0 27px;">
        <div class="company-nature">
            <div class="nature-list">
                <ul>
                    <li class="nature-item">
                        <p><span class="icon icon-index"></span></p>
                        <p class="title">企业使用获客成本低</p>
                        <p class="subtitle">一款集客多多就能多渠道高效集客</p>
                    </li>
                    <li class="nature-item">
                        <p><span class="icon icon-index1" style="font-size: 65px;"></span></p>
                        <p class="title">创新性，有效转化型</p>
                        <p class="subtitle">通过集客多多转化的会员粘性强</p>
                    </li>
                    <li class="nature-item">
                        <p><span class="icon icon-index2" style="font-size: 56px;"></span></p>
                        <p class="title">集客效果追踪</p>
                        <p class="subtitle">多种维度数据，顾客数据全掌握</p>
                    </li>
                    <li class="nature-item">
                        <p><span class="icon icon-index3" style="font-size: 68px;"></span></p>
                        <p class="title">多行业嵌入</p>
                        <p class="subtitle">USB型架构，任意企业都可使用</p>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>
<!-- 企业 end -->
<!-- 了解如何集客 start -->
<div class="rectangle-item" style="background-image: url('/image/index2.jpg');height: 480px;">
    <div class="inner">
        <p class="top">对于一个企业来说，为何集客如此重要？</p>
        <p class="tit">集客能给企业直接带来客户，可有效转化销售，是企业的核心命脉</p>
        <div class="rectangle-btn">
            <a href="">了解如何集客</a>
        </div>
    </div>
</div>
<!-- 了解如何集客 end-->
<!-- 资源 start -->
<div class="collect_banner bgcolor">
    <div class="inner">
        <div class="auto" style="width: 80.6rem;">
            <div class="tit" style="color: #222222;padding-top: 4.9rem;">集客多多能给企业带来什么？</div>
            <div class="des" style="color: #949494;font-size: 1.6rem;margin-top: 0.7rem;letter-spacing: 1px;">集客能给企业直接带来客户，可有效转化销售，是企业的核心命脉</div>
        </div>
        <div class="for-company-list">
            <ul>
                <li class="for-company-item">
                    <p><span class="icon icon-index4"></span></p>
                    <p class="title">6亿次</p>
                    <p class="subtitle">精准触达目标受众<br/>累计触发链接6亿次</p>
                </li>
                <li class="for-company-item">
                    <p><span class="icon icon-index5" style="font-size: 52px;"></span></p>
                    <p class="title">3812万位</p>
                    <p class="subtitle">高效转化真实粉丝<br/>累计关注3812万位</p>
                </li>
                <li class="for-company-item">
                    <p><span class="icon icon-index6" style="font-size: 62px;"></span></p>
                    <p class="title">52万单</p>
                    <p class="subtitle">转化销售提高销量<br/>累计转化订单52万单</p>
                </li>
                <li class="for-company-item">
                    <p><span class="icon icon-index7" style="font-size: 48px;"></span></p>
                    <p class="title">3810家</p>
                    <p class="subtitle">提高品牌知名度<br />累计服务品牌3810家</p>
                </li>
                <li class="for-company-item">
                    <p><span class="icon icon-index8"  style="font-size: 61px;"></span></p>
                    <p class="title">13.8亿元</p>
                    <p class="subtitle">直接转化收入<br/>累计销售回款13.8亿元</p>
                </li>
            </ul>
        </div>
    </div>
</div>

<?php
    if(count($ret['Models']) > 0){
        $numb = 'style="display:block"';
    }else{
        $numb = 'style="display:none"';
    }
?>
<!-- 资源 end -->
<div class="bgthemecolor" <?php echo $numb?>>
    <div class="inner">
        <p class="additional">集客多多，今天为50,000用户提供专业的集客方案</p>
    </div>
</div>
<!-- 资源 start -->

<div class="collect_banner" <?php echo $numb?>>
    <div class="inner" style="overflow: inherit;">
        <div class="auto" style="width: 80.6rem;">
            <div class="tit" style="color: #222222;padding-top: 7.3rem;">集客多多正在为各行各业提供<span style="color: #177ce1">专业集客方案</span></div>
            <div class="des" style="color: #949494;font-size: 1.6rem;margin-top: 1.1rem;letter-spacing: 1px;">360行行行能使用，用过的企业都说好，没有集客多多就没有好生意</div>
        </div>
        <div class="case-list" style="">
            <div class="swiper-container swiper-case">
                <div class="swiper-wrapper">
                <?php
                    // print_r($ret);
                    foreach ($ret['Models'] as $k => $v) {
                        echo '<div class="swiper-slide">
                            <div class="case-item">
                                <p class="img"><img src="'.$v['ImgHost'].$v['Src'].'"></p>
                                <div class="case-info">
                                    <p class="case-company">'.$v['CompanyTypeName'].'<span></span>'.$v['CompanyName'].' </p>
                                    <p class="case-name">'.$v['Title'].'</p>
                                    <p class="case-intro">'.$v['Description'].'</p>
                                    <p class="case-count">有效转化会员 '.$v['FansCnt'].'人次</p>
                                </div>
                            </div>
                        </div>';
                  }
                ?>
                <!-- <div class="swiper-slide">
                    <div class="case-item">
                        <p class="img"><img src="/image/index3.jpg"></p>
                        <div class="case-info">
                            <p class="case-company">跨境电商<span></span>杭州某知名电商公司 </p>
                            <p class="case-name">使用集客多多完成首批会员导入</p>
                            <p class="case-intro">跨境电商竞争越来越激烈，如何能在浪淘沙的过程中生存下来，是我们首要思考的，集客多多帮我解决了难题。</p>
                            <p class="case-count">有效转化会员 12万人次</p>
                        </div>
                    </div>
                </div> -->
            </div>
            </div>
            <div class="swiper-button-next "><span class="icon icon-right"></span></div>
            <div class="swiper-button-prev"><span class="icon icon-left"></span></div>
        </div>
    </div>
</div>
<!-- 资源 end -->

<div class="bgcolor">
    <div class="inner">
        <div class="set-of-way">
            <div class="title">企业可自定义配置多种集客方式</div>
            <div class="set-of-way-list">
                <div class="set-of-way-item">
                    <div class="img fl">
                        <img src="/image/index4.jpg">
                    </div>
                    <div class="info fr" style="width: 550px;text-align: left;padding-left: 42px;">
                        <p class="type-name">多模板表单集客</p>
                        <p class="type-intro">大部分企业都可以并喜欢使用表单集客，表单集客能快速获取顾客信息和意向信息挖掘目标客户并最终成单。</p>
                        <div class="type-advantage">
                            <p class="advantage-title">优势</p>
                            <div class="advantage-list">
                                1.快速上手，只需花一两个小时就能配置好<br>
                                2.可演变多种方式，适用于多个场景<br>
                                3.想获取的信息都能在表单里体现<br>
                                4.推广成本低，支持推广到多平台
                            </div>
                        </div>
                    </div>
                </div>
                <div class="set-of-way-item">
                    <div class="info fl" style="width: 550px;text-align: left;padding-left: 42px;">
                        <p class="type-name">引流游戏集客</p>
                        <p class="type-intro">多种好玩的引流游戏在社交圈内扩散裂变每个月上2款新引流游戏，避免用户视觉疲持续性的参与到游戏中来，达到引流聚客的目的。</p>
                        <div class="type-advantage">
                            <p class="advantage-title">优势</p>
                            <div class="advantage-list">
                                1.活动好玩有意思，用户愿意玩愿意分享<br>
                                2.裂变快能快速传播营销信息<br>
                                3.游戏种类多，支持多种类型的集客方式<br>
                            </div>
                        </div>
                    </div>
                    <div class="img fr">
                        <img src="/image/index5.jpg">
                    </div>
                </div>
                <div class="set-of-way-item">
                    <div class="img fl">
                        <img src="/image/index6.jpg">
                    </div>
                    <div class="info fr" style="width: 550px;text-align: left;padding-left: 42px;">
                        <p class="type-name">高热度活动集客</p>
                        <p class="type-intro">在线上发布活动，或者线下举办活动让用户参与到活动中来，再派发相应的产品或者现金红包激励，让顾客在快乐活动成成单。</p>
                        <div class="type-advantage">
                            <p class="advantage-title">优势</p>
                            <div class="advantage-list">
                                1.活动针对性强，能精准触达目标顾客<br>
                                2.活动扩散性好，愿意自主传播<br>
                                3.低成本高效率转化会员、订单、粉丝等。<br>
                            </div>
                        </div>
                    </div>
                </div>
                
            </div>
        </div>
        <div class="contact-us">
            <p class="remind">更多好的集客工具联系我们</p>
            <p class="contact-btn"><a href="/site/contactus">联系我们</a></p>
        </div>
    </div>
</div>
<script src="/modules/js/swiper/swiper-3.4.2.min.js"></script>
<script src="/modules/js/swiper/idangerous.swiper-2.1.min.js"></script>

<script>
    var mySwiper = new Swiper('.swiper-img',{
        pagination: '.pagination',
        loop:true,
        grabCursor: true,
        paginationClickable: true
    });
    var swiper = new Swiper('.swiper-case', {
        slidesPerView: 3,
        paginationClickable: true,
        spaceBetween: 0,
        nextButton: '.swiper-button-next',
        prevButton: '.swiper-button-prev',
        freeMode: true
    });
    $(".nav-list .index").addClass("active");
    $(".jiosc-logo").find(".action-name").html("首页");
    // seajs.use('site/index')
</script>


